<!DOCTYPE html>
<html>
<!--<head>元素包含了所有的头部标签元素。在<head>元素中你可以插入脚本（scripts），样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为：<title>、<style>、<meta>、<link>、<script>、<noscript>、<base>-->
	<!---->
<head>
	<!--使用<meta>元素来描述HTML文档的描述，关键词、作者、字符集等,<meta>标签提供了元数据，元数据也不显示在页面上，但会被浏览器解析。meta元素通常用于指定网页的描述、关键词、文件最后的修改时间、作者、和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。<meta>一般放置于<head>区域。-->
	<meta charset="utf-8">
	<!--为搜索引擎定义关键词-->
	<meta name="keywords" content="HTML,CSS,XML,XHTML,JavaScript">
	<!--为网页定义描述内容-->
	<meta name="description" content="免费 Web &编程 教程">
	<!--定义网页作者-->
	<meta name="author" content="Runoob">
	<!--每30秒钟刷新当前页面-->
	<meta http-equiv="refresh" content="30">
	<title>定义了HTML文档的标题,<title>在HTML/XHTML文档中是必须的。<title>元素：定义了浏览器工具栏的标题。当网页添加到收藏夹时，显示在收藏夹中的标题。显示在搜索引擎结果页面的标题</title></title>
	<!--<style>标签定义了HTML文档的样式文件引用地址。在<style>元素中你也可以直接添加样式来渲染HTML文档-->
	<style type="text/css">
		body {background-color: yellow }
		p {color: blue}
	</style>
	<!--<link>标签定义了文档与外部资源之间的关系。<link>标签通常用于链接到样式表。-->
	<link rel="stylesheet" type="text/css" href="mystyle.css">
	<!--<script>标签用于加载脚本文件，如：JavaScript。<script>元素在以后的章节中会详细描述-->
	<script type="text/javascript"></script>
	<noscript></noscript>
	<!--使用<base>定义页面中所有链接默认的链接目标地址-->
	<base href="http://www.runoob.com/images/" target="_blank">
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html>
<head>
	<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>